<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>info编辑</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>

    <style>
        .divcss5 {
            width: 100%
        }
        .divcss_bgclor {
            width: 100%;
            background-color: aqua;
        }
        .divcss50 {
            width: 50%
        }

        .divcss6 {
            width: 100%;
            height: 700px;
        }

        .divcss7 {
            width: 100%;
            height: 700px;
        }

        .divcss4 {
            width: 100%;
            height: 100px;
        }

        .divcss5 table {
            background: #CCC;
            color: black
        }

        .divcss5 table td {
            background: #FFF
        }
    </style>

    <script>

        function clearFun() { // 声明一个函数
            console.log("hello")
            document.getElementById("clear").nodeValue = "";
        }

    </script>
</head>
<body>

<div th:fragment="myheader">
    <div style="color:red">
        <a th:href="@{'/add/edit'}">新增</a>
        滚动
        国际
        图片 视频 军事 评论 历史 文化 谷雨 公益 旅游 新闻哥
    </div>

</div>
<!--    <table th:border="1">-->
<!--        <thead>-->
<!--            <tr th:width="10000px">-->
<!--                <td width="1000px">xx</td>-->
<!--                <td width="9000px">yy</td>-->
<!--            </tr>-->
<!--        </thead>-->
<!--        <tbody>-->
<!--            <tr><td>key1 </td><td><input type="text" th:field="${message.info}"/> </td></tr>-->
<!--            <tr th:high="4000px"><td>key1 </td><td><textarea high="4000px" width="9000px" type="text" th:field="${message.info}"/> </td></tr>-->
<!--        </tbody>-->
<!--    </table>-->


<form action="#" th:action="@{/list}" method="get">
    <div class="divcss5">
        <input class="divcss5" type="text" th:field="${search.search}"/>
        <input id="clear"  class="divcss_bgclor" width="58%" type="submit" value="搜索"/>
    </div>
</form>
    <input th:field="${lastSearch.search}"/>
<div class="divcss5">
    <table width="100%" border="0" cellspacing="1" cellpadding="0">
        <thead th:bgcolor="aqua">
        <tr >
            <td width="1%">序号</td>
            <!--                <td width="10%">id</td>-->
            <td width="10%" >title（标题）</td>
            <td width="10%">desc（内容，只是展示前三百个长度）</td>
            <td width="5%">创建时间</td>
            <td width="5%">修改时间</td>
            <td width="2%">其他</td>
            <td width="3%">编辑</td>
        </tr>
        </thead>


        <tbody>
        <tr th:each="entries,stat:${dataList}">
            <td th:text="${stat.count}"></td>
            <!--                <td th:text="${entries.id}"></td>-->
            <td th:text="${entries.data}"></td>
            <td th:text="${entries.subDesc}"></td>
            <td th:text="${#dates.format(entries.createTime,'yyyy-MM-dd HH:mm:ss')}"></td>
            <td th:text="${#dates.format(entries.updateTime,'yyyy-MM-dd HH:mm:ss')}"></td>
            <td th:text="${entries.other}"></td>
            <td>
                <a th:href="@{'/add/edit?id=' + ${entries.id}}" target="_blank">修改</a>
                <a th:href="@{'/add/delete?id=' + ${entries.id}}">删除</a>
            </td>
            <!-- 写法一：
            <td th:text="${entries['scourse']['cname']}"></td>
            <td th:text="${entries['scourse']['cscore']}"></td>-->
            <!-- 写法二：
            <td th:text="*{entries['scourse']['cname']}"></td>
            <td th:text="*{entries['scourse']['cscore']}"></td>-->
            <!-- 写法三：-->
            <!--                <td th:object="${entries['scourse']}">-->
            <!--                    <span th:text="*{['cname']}"></span>-->
            <!--                </td>-->
            <!--                <td th:object="${entries['scourse']}">-->
            <!--                    <span th:text="*{['cscore']}"></span>-->
            <!--                </td>-->
        </tr>
        </tbody>
    </table>
</div>


</body>
</html>